<template>
    <div class="da">
        <header>
          <router-link to="/my">
             <van-icon class="jian" size="25" name="arrow-left" />
          </router-link>
          <div class="qian">历史问诊</div>
        </header>
        <main>
           <!-- <van-empty description="暂无问诊">
  <router-link to="/my">
    <van-button round type="primary" class="bottom-button">返回</van-button>
  </router-link>
</van-empty> -->
<div>
  <div class="xiao">
    <img class="xt1" src="../../assets/images/dqwz.png" alt="">
<div class="you1">
<h3 class="ze">曾小贤</h3>
<span class="er">儿科/副主任医师</span>
<div class="sj">问诊时间 2020.10.12 12:10</div>
<router-link to="about">
  <button class="jl">查看问诊记录</button>
</router-link>
<router-link to="about">
<button class="qv">去评价</button>
</router-link>
</div>
</div>
<!-- 2 -->
 <div class="xiao">
    <img class="xt1" src="../../assets/images/zhou.png" alt="">
<div class="you1">
<h3 class="ze">曾小贤</h3>
<span class="er">儿科/副主任医师</span>
<div class="sj">问诊时间 2020.10.12 12:10</div>
<router-link to="about">
  <button class="jl">查看问诊记录</button>
</router-link>
<router-link to="about">
<button class="qv">去评价</button>
</router-link>
</div>
</div>
<!-- 3 -->
 <div class="xiao">
    <img class="xt1" src="../../assets/images/yang.png" alt="">
<div class="you1">
<h3 class="ze">曾小贤</h3>
<span class="er">儿科/副主任医师</span>
<div class="sj">问诊时间 2020.10.12 12:10</div>
<router-link to="about">
  <button class="jl">查看问诊记录</button>
</router-link>
<router-link to="about">
<button class="qv">去评价</button>
</router-link>
</div>
</div>
</div>
        </main>
    </div>
</template>
<script lang='ts' setup>

</script>
<style scoped>
.jl{
  width: 90px;
  height: 40px;
  font-size: 12px;
  color: #fff;
background:#3087ea;
border: none;
}
.qv{
  width: 100px;
   height: 40px;
  font-size: 12px;
  color: #fff;
background:#3087ea;
border: none;
margin: 35px 0 0 15px;
}
.ze{
  float: left;
  margin: 10px;
}
.er{
  margin: 15px;
  float: left;
}

.sj{
  margin: 10px;
  float: left;
}
.you1{
  width: 100%;
  height: 100%;
}
main{
  width: 100%;
  height: 91%;
}
.xiao{
  width: 100%;
  height: 180px;
  margin-top: 10px;
  background: #fff;
}
.xt1{
  width: 130px;
  height: 180px;
  float: left;
}
 .bottom-button {
    width: 160px;
    height: 40px;
  }
header{
    width: 100%;
    height: 50px;
    background: #fff;
    
}
.da{
    width: 100vw;
    height: 100vh;
}
.jian{
    line-height: 50px;
    margin-left: 10px;
    float: left;
    color: #000;
}
.qian{
    line-height: 50px;
    margin-left: 35%;
    font-size: 20px;
    float: left;
}
</style>